<template>
  <page-header-wrapper>
    <template v-slot:content>
      <div class="page-header-content">
        <h1>默认视图页面</h1>
      </div>
    </template>
  </page-header-wrapper>
</template>

<script>
import { mapState } from 'vuex'
import { PageHeaderWrapper } from '@ant-design-vue/pro-layout'

export default {
  name: 'Default',
  components: {
    PageHeaderWrapper
  },
  data() {
    return {}
  },
  computed: {
    ...mapState({
      nickname: (state) => state.user.nickname,
      welcome: (state) => state.user.welcome
    }),
    currentUser() {
      return {
        name: '系统管理员',
        avatar: 'https://gw.alipayobjects.com/zos/antfincdn/XAosXuNZyF/BiazfanxmamNRoxxVxka.png'
      }
    },
    userInfo() {
      return this.$store.getters.userInfo
    }
  },
  created() {
    this.user = this.userInfo
    this.avatar = this.userInfo.avatar
  },
  mounted() {},
  methods: {}
}
</script>

<style lang="less" scoped>
@import './default.less';
</style>
